<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM</title>
</head>
<body>
<h1>第十一章 DOM扩展</h1>
<div id="myDiv" data-appId="12345" data-myname="Nicholas"></div>
<div id="content" style="background-color: aqua">
    <p>This is a <strong>paragraph</strong> with a list following it.</p>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</div>
<button onclick="compatModeTest()">compatModeTest</button>
<button onclick="charsetTest()">charsetTest</button>
<button onclick="dataTest()">dataTest</button>
<button onclick="innerHTMLTest()">innerHTMLTest</button>
<button onclick="outerHTMLTest()">outerHTMLTest</button>
<button onclick="insertAdjacentHTMLTest()">insertAdjacentHTMLTest</button>
<div id="scrollDiv" style="padding: 15px;border: 1px solid crimson;margin: 20px">
    <p>top</p>
    <button onclick="scrollIntoViewTest()">scrollIntoViewTest</button>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <p>bottom</p>
</div>
<script type="text/javascript" src="../js/ch11.js"></script>
</body>
</html>